    <form action="/admin/user_statistic/index" method="GET" id="myform">
        <div class="box-body">
<!--               <div class="form-group">
                <label>用户类型：</label>
                <label>
                  <input type="radio" name="type" class="minimal" checked value="1"> 新用户
                </label>
                <label>
                  <input type="radio" name="type" class="minimal" value="2"> 老用户
                </label>
              </div> -->

              <div class="form-group">
                <label>时间：</label>

                <div class="input-group">
                  <button type="button" class="btn btn-default" id="daterange-btn">
                    <span>
                      <i class="fa fa-calendar"></i>
                    </span>
                    <i class="fa fa-caret-down"></i>
                  </button>
                </div>
                <input type="hidden" name="time">
              </div>

<!--               <div class="form-group">
                <label>省份：</label>
                <select name="province" class="form-control province">
                  <option value="">选择省份</option>
                  @foreach($province as $pro)
                    <option value="{{$pro->id}}">{{$pro->region_name}}</option>
                  @endforeach 
                </select>
              </div>

              <div class="form-group">
                <label>城市：</label>
                <select name="city" class="form-control city">
                </select>
              </div> -->

        </div>
    </form>
    <script type="text/javascript">
        $(function () {
            //Date range as a button
            $('#daterange-btn').daterangepicker(
                {
                  ranges: {
                    '今天': [moment(), moment().add(1, 'days')],
                    '昨天': [moment().subtract(1, 'days'), moment()],
                    '最近7天': [moment().subtract(6, 'days'), moment().add(1, 'days')],
                    '最近30天': [moment().subtract(29, 'days'), moment().add(1, 'days')],
                    '本月': [moment().startOf('month'), moment().endOf('month')],
                    '上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
                  },
                  startDate: moment().subtract(29, 'days'),
                  endDate: moment()
                },
                function (start, end) {
                  $('#daterange-btn span').html(start.format('YYYY-MM-DD') + ' ~ ' + end.format('YYYY-MM-DD'));
                  $("input[name = time]").val(start.format('YYYY-MM-DD') + ' ~ ' + end.format('YYYY-MM-DD'));
                }
            );
        });

        var citys = {!! $citys !!};
        $('.province').change(function(){
          var province = $(".province option:selected").val();
          if (province) {
            var city = citys[province];
            if (city) {
              var city_html = '<option value="">选择城市</option>';
              for (var i=0;i<city.length;i++) {
                city_html += '<option value="'+city[i].id+'">' + city[i].name + '</option>';
              }
              $('.city').html('');
              $('.city').append(city_html);
            }
          }
        });

        //iCheck for checkbox and radio inputs
        $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
          checkboxClass: 'icheckbox_minimal-blue',
          radioClass: 'iradio_minimal-blue'
        });
    </script>